<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:105:"/Applications/XAMPP/xamppfiles/htdocs/smq/shangbiaowang/public/../application/index/view/index/index.html";i:1491808776;s:106:"/Applications/XAMPP/xamppfiles/htdocs/smq/shangbiaowang/public/../application/index/view/index/header.html";i:1491793726;s:106:"/Applications/XAMPP/xamppfiles/htdocs/smq/shangbiaowang/public/../application/index/view/index/footer.html";i:1491793947;}*/ ?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>湖州商标转让网</title>

    <!-- Bootstrap -->
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!--自建css文件-->
    <link rel="stylesheet" href="__STATIC__/index/css/cmgd.css">

</head>
<body>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!-- 导航 -->
<div class="container" >
    <div style="padding-top:20px;">
        <div style="float:left;">
            <img src="__STATIC__/index/images/logo.jpg" style="width:100px;"/>
        </div>
        <a href="http://www.sbw0572.com">
            <h1 style="float:left;font-family:yahei consolas hybrid;">湖州商标转让网<small> 湖州知辉知识产权代理有限公司</small>
                <div><small style="font-size:16px;">www.sbw0572.com</small></div>
            </h1>
        </a>
        <ul style="float:right;font-size:18px;margin-top:30px;">
            <div class="top_pic"><li class="glyphicon glyphicon-phone-alt"><span>服务电话:<?php echo $about[0]['phone']; ?></span></li></div>
            <div class="top_pic"><li class="glyphicon glyphicon-phone">沈<span style="padding-left: 9px;">先</span><span style="padding-left: 9px;">生</span>:13732366192</li></div>
        </ul>
    </div>
    <HR  width="90%" color=#987cb9 SIZE=1>
</div>
<!-- 导航 -->
<nav class="navbar navbar-default navbar-static-top">
    <div class="container">
        <div class="navbar-header">
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li <?php if($path == 'index'): ?>class="active"<?php endif; ?>><a href="<?php echo url('Index/index'); ?>">首页</a></li>
                <li <?php if($path == 'have'): ?>class="active"<?php endif; ?>><a href="<?php echo url('Index/have'); ?>">自有商标转让</a></li>
                <li <?php if($path == 'trademark'): ?>class="active"<?php endif; ?>><a href="<?php echo url('Index/trademark'); ?>" >商标超市</a></li>
                <li <?php if($path == 'patent'): ?>class="active"<?php endif; ?> ><a href="<?php echo url('Index/patent'); ?>">专利</a></li>
                <li <?php if($path == 'agent'): ?>class="active"<?php endif; ?> ><a href="<?php echo url('Index/agent'); ?>" >项目代理</a></li>
                <li <?php if($path == 'contact'): ?>class="active"<?php endif; ?>><a href="<?php echo url('Index/contact'); ?>" >联系我们</a></li>
            </ul>

            <b class="language">专业 高效 诚信</b>

        </div>
    </div>
</nav>
<div class="container">
    <div class="alert alert-warning" role="alert" style="color:red;"><?php echo $warning[0]['language']; ?></div>
</div>
</body>
</html>
<div class="container">
    <div class="row">
        <div class="col-xs-8">
            <!--轮播图-->
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <?php if(is_array($number) || $number instanceof \think\Collection || $number instanceof \think\Paginator): $i = 0; $__LIST__ = $number;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$number): $mod = ($i % 2 );++$i;?>
                    <li data-target="#carousel-example-generic" data-slide-to="<?php echo $number['id']; ?>"
                        <?php if($number['id'] == '1'): ?>class="active"<?php endif; ?>></li>
                    <?php endforeach; endif; else: echo "" ;endif; ?>

                </ol>
                <div class="carousel-inner" role="listbox">
                    <?php if(is_array($ad) || $ad instanceof \think\Collection || $ad instanceof \think\Paginator): $i = 0; $__LIST__ = $ad;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$ad): $mod = ($i % 2 );++$i;?>

                    <div <?php if($ad['id'] == 1): ?>class="item active" <?php else: ?> class="item "<?php endif; ?>
                    style="height: 365px;">
                    <img src="/uploads/images/<?php echo $ad['images']; ?>" >
                </div>
                <?php endforeach; endif; else: echo "" ;endif; ?>
            </div>
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">上一页</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">下一页</span>
            </a>
        </div>
    </div>
    <div class="col-xs-4">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title"><i class="glyphicon glyphicon-folder-open"></i> 商标分类</h3>
            </div>
            <div class="panel-body">
                <div class="cmgd_name">
                    <?php if(is_array($type) || $type instanceof \think\Collection || $type instanceof \think\Paginator): $i = 0; $__LIST__ = $type;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$type): $mod = ($i % 2 );++$i;?>
                    <a href="<?php echo url('Index/search_trademark',array('id'=>$type['id'])); ?>">
                        <!--search_trademark.html?id=<?php echo $type['id']; ?>-->
                        <span><?php if($type['id']  < 10): ?> 0<?php echo $type['id']; ?>&nbsp;
                        <?php echo $type['type']; ?>&nbsp;&nbsp; <?php else: ?><?php echo $type['id']; ?>&nbsp;&nbsp;<?php echo $type['type']; ?>&nbsp;&nbsp;<?php endif; ?></span>
                    </a>
                    <?php endforeach; endif; else: echo "" ;endif; ?>
                </div>
            </div>
        </div>
    </div>
</div>
<!--中间三列的排版面，row-->
<div class="row">
    <div class="col-xs-4">
        <div class="panel panel-primary" style="height:410px;">
            <div class="panel-heading">
                <h3 class="panel-title"><i class="glyphicon glyphicon-qrcode"></i> 关于我们</h3>
            </div>
            <?php if(is_array($about) || $about instanceof \think\Collection || $about instanceof \think\Paginator): $i = 0; $__LIST__ = $about;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$about): $mod = ($i % 2 );++$i;?>
            <div class="panel-body">
                <p style="height:200px;overflow:hidden;">&nbsp;&nbsp;&nbsp;&nbsp;<?php echo $about['introduce']; ?></p>
                <p style="float:right;">
                    <img src="/uploads/images/<?php echo $about['pic']; ?>" alt="公众号二维码" class="img-rounded" width="100px;">
                </p>
                <div >
                    <strong><p style="margin-bottom:20px;padding-top:20px;"><i class="glyphicon glyphicon-earphone"></i> ： <?php echo $about['phone']; ?></p></strong>
                    <p><i class="glyphicon glyphicon-envelope"></i> ：<a href="mailto:#"><?php echo $about['mail']; ?></a></p>
                </div>
                <div style="margin-left:240px;"> 公司公众号</div>
            </div>
            <?php endforeach; endif; else: echo "" ;endif; ?>
        </div>
    </div>
    <div class="col-xs-4">
        <div class="panel panel-primary"  style="height:410px;">
            <div class="panel-heading">
                <h3 class="panel-title"><i class="glyphicon glyphicon-search"></i> 商标搜索</h3>
            </div>
            <div class="panel-body">
                <form class="form-horizontal m-t" name="add" id="add" method="post" action="<?php echo url('search'); ?>">
                    <div class="input-group" id="group">
                        <span class="input-group-addon" >商标类型：</span>
                        <select class="form-control m-b chosen-select" name="type" id="type">
                            <option value="">请选择</option>
                            <?php if(!empty($cate)): if(is_array($cate) || $cate instanceof \think\Collection || $cate instanceof \think\Paginator): if( count($cate)==0 ) : echo "" ;else: foreach($cate as $key=>$cate): ?>
                            <option value="<?php echo $cate['id']; ?>"><?php echo $cate['id']; ?> <?php echo $cate['type']; ?></option>
                            <?php endforeach; endif; else: echo "" ;endif; endif; ?>
                        </select>
                    </div>
                    <div class="input-group" id="group2">
                        <span class="input-group-addon " id="basic-addon1">注册号：</span>
                        <input type="text" class="form-control" placeholder="商标注册号" aria-describedby="basic-addon1"
                               name="registration" id="registration">
                    </div>

                    <div class="input-group" id="group3">
                        <span class="input-group-addon " id="basic-addon2">商标名称：</span>
                        <input type="text" class="form-control" placeholder="商标名称" aria-describedby="basic-addon2"
                               name="name" id="name">
                    </div>
                    <div class="input-group" id="group4">
                        <span class="input-group-addon " id="basic-addon3">群组：</span>
                        <input type="text" class="form-control" placeholder="请输入商品如'服装'或小分类'2501'" aria-describedby="basic-addon3" name="cluster" id="cluster">
                    </div>
                    <div class="col-sm-4 col-sm-offset-3">
                        <button class="btn btn-primary" type="submit">搜索</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="col-xs-4">
        <div class="panel panel-primary">
            <div class="panel-heading" >
                <h3 class="panel-title"><i class="glyphicon glyphicon-home"></i> 服务中心</h3>
            </div>
            <div  style="height:352px;text-align: center;">
                <div class="panel-body"  style="padding:10px;margin-top:15px;" >
                    <button type="button" class="btn btn-default" >
                        <a href="<?php echo url('Index/show_patent',array('id'=>5)); ?>">
                            <div class="push" > <i class="glyphicon glyphicon-send"> 商标注册</i></div>
                        </a>
                    </button>
                </div>
                <div class="panel-body"  style="padding:10px;" >
                    <button type="button" class="btn btn-default" >
                        <a href="<?php echo url('Index/show_patent',array('id'=>79)); ?>">
                            <div class="push" ><i class="glyphicon glyphicon-retweet"> 商标转让</i></div>
                        </a>
                    </button>
                </div>
                <div class="panel-body"  style="padding:10px;" >
                    <button type="button" class="btn btn-warning" >
                        <a href="<?php echo url('project'); ?>">
                            <div class="push" ><i class="glyphicon glyphicon-log-out"> 商标发布</i></div>
                        </a>
                    </button>
                </div>
                <div class="panel-body"  style="padding:10px;" >
                    <button type="button" class="btn btn-default" >
                        <a href="<?php echo url('Index/show_patent',array('id'=>80)); ?> ">
                            <div class="push" ><i class="glyphicon glyphicon-lock"> 商标代理</i></div>
                        </a>
                    </button>
                </div>
                <div class="panel-body"  style="padding:10px;" >
                    <button type="button" class="btn btn-default" >
                        <a href="<?php echo url('Index/show_patent',array('id'=>82)); ?>">
                            <div class="push" ><i class="glyphicon glyphicon-list-alt"> 资质证明</i></div>
                        </a>
                    </button>
                </div>
                <div class="panel-body"  style="padding:10px;" >
                    <button type="button" class="btn btn-default" >
                        <a href="<?php echo url('download'); ?>">
                            <div class="push" ><i class="glyphicon glyphicon-cloud-download"> 文件下载</i></div>
                        </a>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <img src="/uploads/images/<?php echo $pic[0]['pic']; ?>" style="width:100%;margin-bottom:20px;margin-left:-18px;"/>
</div>
<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">
            <a href="<?php echo url('Index/have'); ?>"><i class="glyphicon glyphicon-star"></i> 自有商标
                <span style="margin-left:950px"><i class="glyphicon glyphicon-option-horizontal"></i></span>
            </a>
        </h3>
    </div>
    <div class="panel-body">
        <div class="row">
            <!--开始商标循环，循环8个-->
            <?php if(is_array($own) || $own instanceof \think\Collection || $own instanceof \think\Paginator): $i = 0; $__LIST__ = $own;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$own): $mod = ($i % 2 );++$i;?>
            <div class="col-xs-3">
                <div class="thumbnail">
                    <a href="<?php echo url('Index/show_trademark',array('id'=>$own['id'])); ?>">
                        <!--<?php echo url('Index/show_patent',array('id'=>3)); ?>-->
                        <img src="/uploads/images/<?php echo $own['pic']; ?>" alt="商标名称" style="height:100px;">
                    </a>
                    <div class="caption">
                        <a href="<?php echo url('Index/show_trademark',array('id'=>$own['id'])); ?>">
                            <p class="writing" ><?php echo $own['name']; ?></p>
                        </a>
                    </div>
                </div>
            </div>
            <?php endforeach; endif; else: echo "" ;endif; ?>
        </div>
    </div>
</div>
<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">
            <a href="<?php echo url('Index/trademark'); ?>"><i class="glyphicon glyphicon-book"></i>商标超市
                <span style="margin-left:950px"><i class="glyphicon glyphicon-option-horizontal"></i></span>
            </a>
        </h3>
    </div>
    <div class="panel-body">
        <div class="row">
            <?php if(is_array($other) || $other instanceof \think\Collection || $other instanceof \think\Paginator): $i = 0; $__LIST__ = $other;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$other): $mod = ($i % 2 );++$i;?>
            <!--开始商标循环，循环8个-->
            <div class="col-xs-3">
                <div class="thumbnail">
                    <a href="<?php echo url('Index/show_trademark',array('id'=>$other['id'])); ?>">
                        <img src="/uploads/images/<?php echo $other['pic']; ?>" alt="商标名称" style="height:100px;">
                        <div class="caption">
                            <a href="<?php echo url('Index/show_trademark',array('id'=>$other['id'])); ?>">
                                <p class="writing" ><?php echo $other['name']; ?></p>
                            </a>
                        </div>
                    </a>
                </div>
            </div>
            <?php endforeach; endif; else: echo "" ;endif; ?>
            <!--结束商标循环-->
        </div>
    </div>
</div>

<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">
            <a href="<?php echo url('Index/trademarktime'); ?>"><i class="glyphicon glyphicon-arrow-up"></i> 最新上传商标
                <span style="margin-left:914px"><i class="glyphicon glyphicon-option-horizontal"></i></span>
            </a>
        </h3>
    </div>
    <div class="panel-body">
        <div class="row">
            <!--开始商标循环，循环8个-->
            <?php if(is_array($hot) || $hot instanceof \think\Collection || $hot instanceof \think\Paginator): $i = 0; $__LIST__ = $hot;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$hot): $mod = ($i % 2 );++$i;?>
            <div class="col-xs-3">
                <div class="thumbnail">
                    <a href="<?php echo url('Index/show_trademark',array('id'=>$hot['id'])); ?>">
                        <img src="/uploads/images/<?php echo $hot['pic']; ?>" alt="商标名称" style="height:100px;">
                    </a>
                    <div class="caption">
                        <a href="<?php echo url('Index/show_trademark',array('id'=>$hot['id'])); ?>">
                            <p class="writing"><?php echo $hot['name']; ?></p>
                        </a>
                    </div>
                </div>
            </div>
            <?php endforeach; endif; else: echo "" ;endif; ?>
            <!--结束商标循环-->
        </div>
    </div>
</div>

<!--x文章类-->
<HR width="90%" color=#987cb9 SIZE=1>
<div class="row">
    <div class="col-xs-6">
        <div class="panel panel-primary" style="height:320px;">
            <div class="panel-heading">
                <h3 class="panel-title"><i class="glyphicon glyphicon-blackboard"></i>
                    <a href="<?php echo url('Index/news',array('id'=>4)); ?>">
                        产业新闻 <div class="pull-right"><i class="glyphicon glyphicon-option-horizontal"></i></div>
                    </a>
                </h3>
            </div>
            <div class="panel-body">
                <div class="row" style="line-height:30px;">
                    <!--文章循环开始，10篇-->
                    <?php if(is_array($news) || $news instanceof \think\Collection || $news instanceof \think\Paginator): $i = 0; $__LIST__ = $news;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$news): $mod = ($i % 2 );++$i;?>
                    <a href="<?php echo url('Index/show_patent',array('id'=>$news['id'])); ?>">
                        <div class="col-xs-9"><?php echo $news['title']; ?></div>
                        <div class="col-xs-3"><?php echo date("Y-m-d",$news['update_time']); ?></div>
                    </a>
                    <?php endforeach; endif; else: echo "" ;endif; ?>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-6">
        <div class="panel panel-primary" style="height:320px;">
            <div class="panel-heading">
                <h3 class="panel-title"><i class="glyphicon glyphicon-book"></i>
                    <a href="<?php echo url('Index/news',array('id'=>5)); ?>">
                        法律法规<div class="pull-right"><i class="glyphicon glyphicon-option-horizontal"></i></div>
                    </a>
                </h3>
            </div>
            <div class="panel-body">
                <div class="row" style="line-height:30px;">
                    <!--文章循环开始，10篇-->
                    <?php if(is_array($laws) || $laws instanceof \think\Collection || $laws instanceof \think\Paginator): $i = 0; $__LIST__ = $laws;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$laws): $mod = ($i % 2 );++$i;?>
                    <a href="<?php echo url('Index/show_patent',array('id'=>$laws['id'])); ?>">
                        <div class="col-xs-9"><?php echo $laws['title']; ?></div>
                        <div class="col-xs-3"><?php echo date("Y-m-d",$laws['update_time']); ?></div>
                    </a>
                    <?php endforeach; endif; else: echo "" ;endif; ?>
                </div>
            </div>
        </div>
    </div>
    <!--<div class="col-xs-6">-->
    <!--<div class="panel panel-primary">-->
    <!--<div class="panel-heading">-->
    <!--<h3 class="panel-title"><i class="glyphicon glyphicon-duplicate"></i> 案例 <div class="pull-right"><i class="glyphicon glyphicon-option-horizontal"></i></div></h3>-->
    <!--</div>-->
    <!--<div class="panel-body">-->
    <!--<div class="row">-->
    <!--&lt;!&ndash;文章循环开始，10篇&ndash;&gt;-->
    <!--<a href="#">-->
    <!--<div class="col-xs-9">新闻一</div>-->
    <!--<div class="col-xs-3">2017-02-14</div>-->
    <!--</a>-->
    <!--&lt;!&ndash;文章循环结束&ndash;&gt;-->
    <!--<a href="#">-->
    <!--<div class="col-xs-9">新闻一</div>-->
    <!--<div class="col-xs-3">2017-02-14</div>-->
    <!--</a>-->

    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <div class="col-xs-6">
        <div class="panel panel-primary" style="height:320px;">
            <div class="panel-heading">
                <h3 class="panel-title"><i class="glyphicon glyphicon-comment"></i>
                    <a href="<?php echo url('Index/news',array('id'=>6)); ?>">
                        商标问问 <div class="pull-right"><i class="glyphicon glyphicon-option-horizontal"></i></div>
                    </a>
                </h3>
            </div>
            <div class="panel-body">
                <div class="row" style="line-height:30px;">
                    <!--文章循环开始，10篇-->
                    <?php if(is_array($problem) || $problem instanceof \think\Collection || $problem instanceof \think\Paginator): $i = 0; $__LIST__ = $problem;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$problem): $mod = ($i % 2 );++$i;?>
                    <a href="<?php echo url('Index/show_patent',array('id'=>$problem['id'])); ?>">
                        <div class="col-xs-9"><?php echo $problem['title']; ?></div>
                        <div class="col-xs-3"><?php echo date("Y-m-d",$problem['update_time']); ?></div>
                    </a>
                    <?php endforeach; endif; else: echo "" ;endif; ?>
                </div>

            </div>
        </div>
    </div>
</div>
</div>

</div>
<!--主体结束-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<nav class="navbar navbar-default navbar-static-top" style="display:none;">
    <div class="container">
        <div class="navbar-header">
        </div>
    </div>
</nav>

<footer class="footer">
    <div class="container">
        <ul class="footer-links">
            <li><a href="http://www.sipo.gov.cn/" target="_blank">国家知识产权局</a></li>
            <li><a href="http://www.nipso.cn/" target="_blank">国家知识产权战略网</a></li>
            <li><a href="http://www.zjpat.gov.cn/" target="_blank">浙江省知识产权局</a></li>
            <li><a href="http://www.zkpat.com/" target="_blank">杭州浙科专利事务所</a></li>
            <li><a href="http://www.hzipo.gov.cn/" target="_blank">湖州知识产权网</a></li>
            <li><a href="http://www.51jishu.com/" target="_blank">中国商标局</a></li>
            <li><a href="http://www.wipo.int/" target="_blank">世界知识产权组织</a></li>
            <li><a href="http://www.epo.org/" target="_blank">欧洲专利局</a></li>
            <li><a href="http://pctgazette.wipo.int/" target="_blank">PCT专利局</a></li>
            <li><a href="http://www.uspto.gov/" target="_blank">美国专利商标局</a></li>
        </ul>
        <p>公司地址：浙江省湖州市吴兴区八里店镇吴兴科技创业园C幢805室</p>
        <p>备案号：浙ICP备17008168</p>
        <p>
            <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1261416525'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/stat.php%3Fid%3D1261416525' type='text/javascript'%3E%3C/script%3E"));</script>
        </p>
    </div>
</footer>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>
</body>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</html>
